import { StyleSheet } from 'react-native';
import { resize, SCREEN_WIDTH } from '@/utils/resize';
import { primaryColor } from '@/constants/Colors';

const coverHeight = 312;

export default StyleSheet.create({
  wrapper: {
    flex: 1,
    paddingTop: resize(coverHeight - 56)
  },
  cover: {
    top: 0,
    left: 0,
    position: 'absolute'
  },
  container: {
    flex: 1,
    backgroundColor: '#fff',
    borderTopLeftRadius: 20,
    borderTopRightRadius: 20,
  },
  content: {
    flex: 1,
    paddingLeft: resize(30),
    paddingRight: resize(30),
    paddingTop: resize(48, true)
  },
  submitter: {
    marginTop: resize(36, true)
  },
  forgot_pwd: {
    marginTop: 4,
    alignItems: 'flex-end'
  },
  other_login: {
    alignItems: 'center',
    marginTop: resize(40, true)
  },
  footer_text: {
    fontSize: 14,
    color: '#606060',
    textAlign: 'center',
    marginTop: resize(40, true)
  },
  signup: {
    color: primaryColor
  }
});